<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>君地 - 爱吉多 - 四季新鲜</title>
    <% include ../common/common-resource.ejs %>
    <link rel="stylesheet" href="/stylesheets/aijiduo/vegetable.css">
</head>
<body>
<% include ../aijiduo/header.ejs %>
<div class="container-fluid vegetable-container">
    <div class="row banner-bg">
        <div class="col-lg-8 col-lg-offset-2 col-md-12">
            产品介绍 > 四季新鲜
        </div>
    </div>
    <div class="row ">
        <div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12 filter-row">
            <div class="vegetable-title">
                <div class="text-main">四季新鲜</div>
                <div class="text-sub">The Season</div>
            </div>
            <div class="vegetable-filter row">
                <a href='/aijiduo/vegetable/<%= po.season %>/all/<%= po.pageNo %>' class="filter-item <%= po.type == 'all' ? 'active': ''%> ">全部</a>
                <a href='/aijiduo/vegetable/<%= po.season %>/beans/<%= po.pageNo %>' class="filter-item <%= po.type == 'beans' ? 'active': ''%> ">豆类</a>
                <a href='/aijiduo/vegetable/<%= po.season %>/eggplant/<%= po.pageNo %>' class="filter-item <%= po.type == 'eggplant' ? 'active': ''%> ">茄果类</a>
                <a href='/aijiduo/vegetable/<%= po.season %>/root/<%= po.pageNo %>' class="filter-item <%= po.type == 'root' ? 'active': ''%> ">根茎类</a>
                <a href='/aijiduo/vegetable/<%= po.season %>/melon/<%= po.pageNo %>' class="filter-item <%= po.type == 'melon' ? 'active': ''%> ">瓜类</a>
                <a href='/aijiduo/vegetable/<%= po.season %>/leafy/<%= po.pageNo %>' class="filter-item <%= po.type == 'leafy' ? 'active': ''%> ">叶菜类</a>
                <a href='/aijiduo/vegetable/<%= po.season %>/fragrant/<%= po.pageNo %>' class="filter-item <%= po.type == 'fragrant' ? 'active': ''%> ">芳香植物</a>
            </div>
            <div class="clear-both"></div>
        </div>
    </div>
    <div class="row content-row">
        <div class="col-lg-1 col-lg-offset-2  col-md-2 col-sm-12 col-xs-12 season-filter">
            <a href='/aijiduo/vegetable/spring/<%= po.type %>/<%= po.pageNo %>' class="<%= po.season == 'spring' ? 'active': ''%> spring">春季(3-5月)</a>
            <a href='/aijiduo/vegetable/summer/<%= po.type %>/<%= po.pageNo %>' class="<%= po.season == 'summer' ? 'active': ''%> summer">夏季(6-7月)</a>
            <a href='/aijiduo/vegetable/fall/<%= po.type %>/<%= po.pageNo %>' class="<%= po.season == 'fall' ? 'active': ''%> fall">秋季(9-11月)</a>
            <a href='/aijiduo/vegetable/winter/<%= po.type %>/<%= po.pageNo %>' class="<%= po.season == 'winter' ? 'active': ''%> winter">冬季(12-2月)</a>
        </div>
        <div class="col-lg-7 col-md-10 col-sm-12 col-xs-12 vegetable-list">
            <div class="row">
                <% po.vegetables.forEach(function(vegItem){ %>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 vegetable-item-wrapper">
                    <div class="vegetable-item">
                        <img src="<%= vegItem.imageUrl%>" alt="" class='vegetable-img'>
                        <div class="text"><%= vegItem.cnName%></div>
                        <div class="button"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></div>
                        <div class="clear-both"></div>
                        <div class="vegetable-item-hover">
                            <div class="name"><%= vegItem.cnName%></div>
                            <div class="brief"><%= vegItem.cnBrief %></div>
                            <div class="cook"><%= vegItem.cnMethod%></div>
                        </div>
                    </div>
                </div>
                <% }) %>
            </div>
        </div>
    </div>
    <div class="row pagination-row">
        <class class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12 text-right">
            <% for(var i = 0; i < Math.ceil(po.totalNumber / 12); i++) { %>
                <a href='/aijiduo/vegetable/<%= po.season %>/<%= po.type %>/<%= (i + 1) %>' class="<%= (i + 1) == po.pageNo ? 'active' : '' %>"><%= (i + 1)%></a>
            <% } %>
            <a href='/aijiduo/vegetable/<%= po.season %>/<%= po.type %>/<%= Math.ceil(po.totalNumber / 12) %>'>&gt;</a>
        </class>
    </div>
</div>
<% include ../aijiduo/footer.ejs %>
</body>
</html>
